<template>
       <div class="header">

            <img src="../assets/logo.svg" width="30" height="30"/>
            <div class="title"> 东软颐养中心管理系统</div>
            <div class="userinfo">
              <el-dropdown placement="bottom">
                <el-button> 系统管理员↓ </el-button>
                <template #dropdown>
                  <el-dropdown-menu>
                    <el-dropdown-item>The Action 1st</el-dropdown-item>
                    <el-dropdown-item>The Action 2st</el-dropdown-item>
                    <el-dropdown-item>The Action 3st</el-dropdown-item>
                  </el-dropdown-menu>
                </template>
              </el-dropdown>
            </div>
       </div>
</template>

<script setup name="LayoutHeader">

</script>

<style scoped>
.header{
  display: flex;
  align-items: center;
}
.header .title{
  font-family: "Microsoft YaHei";
  font-size: 1.5em;
  font-weight: bolder;
  flex: 1;
}

.header .userinfo{
    float: right;
  display: flex;
  justify-content: center;
}




</style>